<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link
	href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700'
	rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/reset.css">
<!-- CSS reset -->
<link rel="stylesheet" href="css/style.css">
<!-- Resource style -->
<script src="js/modernizr.js"></script>
<!-- Modernizr -->

<title>chuban</title>
</head>
<style type="text/css">
body {
    overflow-x: hidden;
    overflow-y: hidden;
} 
</style>
<body scroll="no">
	<header id='header' class="cd-main-header">
		<a href="#0" class="cd-logo"><img src="img/cd-logo.svg" alt="Logo"></a>

		<div class="cd-search is-hidden">
			<form action="#0">
				<input type="search" placeholder="Search...">
			</form>
		</div>
		<!-- cd-search -->

		<a href="#0" class="cd-nav-trigger">Menu<span></span></a>

		<nav class="cd-nav">
			<ul class="cd-top-nav">
				<li><a href="#0">Tour</a></li>
				<li><a href="#0">Support</a></li>
				<li class="has-children account"><a href="#0"> <img
						src="img/cd-avatar.png" alt="avatar"> Account
				</a>

					<ul>

						<li id='123'><a href="#0">My Account</a></li>
						<li><a href="#0">Edit Account</a></li>
						<li><a href="#0">Logout</a></li>
					</ul></li>
			</ul>
		</nav>
	</header>
	<!-- .cd-main-header -->

	<main class="cd-main-content">
	<nav id='nav' class="cd-side-nav">
		<ul>
			<li class="cd-label">Main</li>
			<li class="has-children overview" id='overview'><a href="#0">公司管理</a>

				<ul>
					<li id='124'><a href="#0">员工管理</a></li>
					<li><a href="#0">店长管理</a></li>
					<li><a href="#0">Category 2</a></li>
				</ul></li>
			<li class="has-children notifications"><a href="#0">供货商管理<span
					class="count">3</span></a>

				<ul>
					<li><a href="#0">供货商管理</a></li>
					<li><a href="#0">我的订单</a></li>
					<li><a href="#0">Other</a></li>
				</ul>
			</li>

			<li class="has-children comments"><a href="#0">Comments</a>

				<ul>
					<li><a href="#0">All Comments</a></li>
					<li><a href="#0">Edit Comment</a></li>
					<li><a href="#0">Delete Comment</a></li>
				</ul>
			</li>
		</ul>

		<ul>
			<li class="cd-label">Secondary</li>
			<li class="has-children bookmarks"><a href="#0">Bookmarks</a>

				<ul>
					<li><a href="#0">All Bookmarks</a></li>
					<li><a href="#0">Edit Bookmark</a></li>
					<li><a href="#0">Import Bookmark</a></li>
				</ul></li>
			<li class="has-children images"><a href="#0">Images</a>

				<ul>
					<li><a href="#0">All Images</a></li>
					<li><a href="#0">Edit Image</a></li>
				</ul></li>

			<li class="has-children users"><a href="#0">Users</a>

				<ul>
					<li><a href="#0">All Users</a></li>
					<li><a href="#0">Edit User</a></li>
					<li><a href="#0">Add User</a></li>
				</ul></li>
		</ul>

		<ul>
			<li class="cd-label">Action</li>
			<li class="action-btn"><a href="#0">+ Button</a></li>
		</ul>
		<ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul><ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul><ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
        <ul>
            <li class="cd-label">Action</li>
            <li class="action-btn"><a href="#0">+ Button</a></li>
        </ul>
	</nav>

    <div id='wrapper' class="content-wrapper" style="width: 100%;">

          
		 <iframe id='iframeOne' scrolling="yes" class='mainIframe' src="../../../jsp/supplier/supplierOrderIndex.jsp" frameborder="0"></iframe>
		
		
		<!--
		<iframe id='iframeOne' scrolling="yes" class='mainIframe' src="https://www.jd.com/" frameborder="0"></iframe>
		-->



	</div>
	<!-- .content-wrapper --> </main>
	<!-- .cd-main-content -->
	<script src="js/jquery-2.1.4.js"></script>
	<script src="js/jquery.menu-aim.js"></script>
	<script src="js/main.js"></script>
	<!-- Resource jQuery -->
	<script type="text/javascript">
	//$(".has-children overview").css({ height: "10px", background: "blue" });
    //$("#overview").css("height", 500);

	//$(".has-children overview").height(10);
	   //alert($(".has-children overview").css("height"));

		$("#123").click(function() {
			alert(0);
		});
		$("#124").click(function() {
			alert(1);
		});
		
		windowsSize();

		$(window).resize(function() {
			windowsSize();
		});
		
		//设置iframe的长宽
		function windowsSize() {
			var a = $(window).width() - $("#iframeOne").position().left;
			var b = $(window).height() - $("#header").height();

			$("#iframeOne").css("width", a);
			$("#iframeOne").css("height", b);
	        $("#wrapper").css("width", a);
			//alert($("#iframeOne").css("left"));
			//alert($("#iframeOne").position().left);
			
		}
	</script>
</body>
</html>